<!DOCTYPE html>
<html>
<head>
<!-- 引用文件 -->
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<script type="text/javascript" src="./dist/js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="./dist/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="./dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="./font/iconfont.css">
	<title></title>
</head>
<style type="text/css">
	*{margin:0;padding:0;}
	.img{width:300px;height:200px;}
	.login{top:100px;left:100px;}
</style>
<body>
<div colass='container'>
	<div class="row">
		<div class='col-md-6'>
			<div class="panel panel-primary">
				<div class="panel-heading">
					<div class='panel-title'>
						<span>bootstrap learing</span>
					</div>
				</div>
				<div class='panel-body'>
					<table class='table table-striped table-bordered table-hover table-condensed table-responsive'>
						<tr>
							<th>id</th>
							<th>username</th>
							<th>question</th>
							<th>password</th>
						</tr>
						<tr>
							<th>001</th>
							<th>001</th>
							<th>001</th>
							<th>001</th>
						</tr>

						<tr>
							<th>001</th>
							<th>001</th>
							<th>001</th>
							<th>001</th>
						</tr>
						<tr>
							<th>001</th>
							<th>001</th>
							<th>001</th>
							<th>001</th>
						</tr>
					</table>
				</div>
				<div class='panel-footer'>
					<button class='btn btn-info'>提交</button>
					<button class="btn btn-danger">撤销</button>
				</div>
			</div> 			
		</div>
	</div>
</div>
</body>
<script type="text/javascript">

</script>
</html>